//文豆二级导航jQ例  2015.12.7 by C

$(document).ready(function(){
	
	//找到id为nav的标签 下面的具有active属性的标签 的二级导航 显示出来
	$('#nav').find('.active').next().css('display','block');
	
	//分别为二级导航的left值
	var left=[11,-47,-76,-206];
	
	//鼠标在一级导航li上的事件
	$('#nav').children('li').on('mouseover',function(){
		//显示当前二级导航 并根据当前下标对应 left=[11,-47,-76,-206]  设当前二级导航left值  
		$(this).find('.nav-child').css('display','block').css('left',left[$(this).index()]);
		//其它li的二级导航 都隐藏
		$(this).siblings().find('.nav-child').css('display','none');

	});
	
	//鼠标离开事件
	$('#nav').children('li').on('mouseout',function(){
		//具有nav-child属性的标签 全部隐藏
		$('.nav-child').css('display','none');
		//显示回一级导航第一个li的二级导航
		$('#nav').find('.active').next().css('display','block');
	});

});